<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script> <script type="text/javascript">
   function buscarComboOEE(){
            var id = document.getElementById("codOge").value;

            var idDiv = "comboPadre";
            var metodo = "GET";
            var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

    function buscarComboActividades(){
            var id = document.getElementById("codOee").value;
            var idOge = document.getElementById("codOge").value;


            var idDiv = "comboPadre";
            var metodo = "GET";
            var url = "consultasAjax/comboProgEstrAjax.jsp?id="+id+"&codTipCombo=llenarComboAct"+"&idOge="+idOge;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }

     function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

    function f_muestraPanel(obj){

        if (obj==1){

            document.getElementById("IdentificacionPrograma").style.display="";
        }

         if (obj==2){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }

         if (obj==3){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }


    }

    function validar(){

       if (document.getElementById("codOge").value==-1){
            alert("Seleccione opcion en combo OGE");
            document.getElementById("codOge").focus();
            return;
        }

        if (document.getElementById("codOee").value==-1){
            alert("Seleccione opcion en combo OEE");
            document.getElementById("codOee").focus();
            return;
        }

        if (document.getElementById("codActividad").value==-1){
            alert("Seleccione opcion en combo Actividad");
            document.getElementById("codActividad").focus();
            return;
        }

        if (document.getElementById("titu_programa").value==""){
                alert("Ingrese titulo del programa");
                document.getElementById("titu_programa").focus();
                return;
            }


        if (document.getElementById("justificacion").value==""){
            alert("Ingrese Justificacion");
            document.getElementById("justificacion").focus();
            return;
        }



        if (document.getElementById("fechaInicio").value==""){
            alert("Ingrese Fecha de Inicio");
            document.getElementById("fechaInicio").focus();
            return;
        }

        if (document.getElementById("fechaFin").value==""){
            alert("Ingrese Fecha Final");
            document.getElementById("fechaFin").focus();
            return;
        }
         if (document.getElementById("adjunto").value==""){
            alert("Ingrese nombre de documento adjunto");
            document.getElementById("adjunto").focus();
            return;
        }

        if (document.getElementById("codAnio").value==-1){
            alert("Seleccione Anio");
            document.getElementById("codAnio").focus();
            return;
        }

         if (document.getElementById("monto").value==""){
            alert("Ingrese monto");
            document.getElementById("monto").focus();
            return;
        }

         grabar();
    }

    function eventoSoloNumeros(){


	var key = event.keyCode;

	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;

    }



    function setControl(){
        document.getElementById("codOge").value=-1;

	var j ;
	var oElem;

	for (j=document.ProgEstrForm.codOee.length - 1;j>=0;j--){
		document.ProgEstrForm.codOee.remove(j);
	}
	oElem = document.createElement("OPTION");
	oElem.value = "-1";
	oElem.text = "[--Seleccionar O. Especifico--]";
	oElem.id = "-1";
	document.ProgEstrForm.codOee.add(oElem);


        for (j=document.ProgEstrForm.codActividad.length - 1;j>=0;j--){
		document.ProgEstrForm.codActividad.remove(j);
	}
	oElem = document.createElement("OPTION");
	oElem.value = "-1";
	oElem.text = "[--Seleccionar Actividades--]";
	oElem.id = "-1";
	document.ProgEstrForm.codActividad.add(oElem);


        document.getElementById("titu_programa").value="";
        document.getElementById("justificacion").value="";
        document.getElementById("fechaInicio").value="";
        document.getElementById("fechaFin").value="";
        document.getElementById("codAnio").value="-1";
        document.getElementById("monto").value="";
        document.getElementById("adjunto").value="";
        document.getElementById("codPrograma").value=0;
    }
    function eliminar(codActividad){

               if (confirmAction()==false) return;

                var tipoOper="Eliminar";



                var idDiv = "divTabla";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarAvancesPorActividadAjax.jsp?codActividad="+codActividad+"&tipoOper="+tipoOper;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

    }

       function insertObservaciones(codActividadPer,descObj,descObjEsp,descActPer,observacion,fecIniEjec,fecFinEjec){
            var form = document.getElementById("AvancePorActividadForm");



            if(fecIniEjec==null||fecIniEjec==""||fecIniEjec=="null"){
                alert("Ingrese fecha de inicio de ejecucion")
                return;
            }

            if(fecFinEjec==null||fecFinEjec==""||fecFinEjec=="null"){
                alert("Ingrese fecha de termino de ejecucion")
                return;
            }


            form.action="avancesPorActividad.do?dispatch=editObservacion&codActividadPer="+codActividadPer+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&observacion="+observacion+"&fecIniEjec="+fecIniEjec+"&fecFinEjec="+fecFinEjec;
            form.method="post";
            form.submit();

        }

       function proposito(codigo,desc){

            var form = document.getElementById("ProgEstrForm");
            //form.codObj.value = codigo;
            //form.descObj.value = desc;
            form.action="ProgEstra.do?dispatch=loadProposito&codPrograma="+codigo+"&desc="+desc;

            form.method="post";
            form.submit();


       }
      function componentes(codigo,desc){

            var form = document.getElementById("ProgEstrForm");
            //form.codObj.value = codigo;
            //form.descObj.value = desc;
            form.action="ProgEstra.do?dispatch=loadComponentes&codPrograma="+codigo+"&desc="+desc;

            form.method="post";
            form.submit();


       }

   function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
     }


   function  buscarMetasFinancieras(){

                var codActividadBuscar=document.getElementById("codActividadHidden").value;
                //
                var descOgeHidden=document.getElementById("descOgeHidden").value;
                var descOeeHidden=document.getElementById("descOeeHidden").value;
                var descActividadHidden=document.getElementById("descActividadHidden").value;
                var descActividadHidden=document.getElementById("descActividadHidden").value;
                 var trimestre=document.getElementById("trimestre").value;
                //alert("codActividadBuscar "+codActividadBuscar);
                //alert("descOgeHidden "+descOgeHidden);
                //alert("descOeeHidden "+descOeeHidden);
                //alert("descActividadHidden "+descActividadHidden);

                var idDiv = "metasFianancieras";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarMetasFinancierasAjax.jsp?codActividadBuscar="+codActividadBuscar+"&flagCapa="+2+"&descOgeHidden="+descOgeHidden+"&descOeeHidden="+descOeeHidden+"&descActividadHidden="+descActividadHidden+"&trimestre="+trimestre;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);


               // document.getElementById("metasFisicas").style.display='none'
                //document.getElementById("editarTrimestres").style.display='none'
                document.getElementById("panelBusquedas").style.display='none';
                document.getElementById("metasFianancieras").style.display=''


                 //document.getElementById("editarTrimestres").style.display=''

   }

   function listarMetasFiscas(codMetaAper){



        var trimestre=document.getElementById("trimestre").value;

                var idDiv = "metasFisicas";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarMetasPorActividadAjax.jsp?codActividadBuscar="+codMetaAper+"&flagCapa="+2+"&trimestre="+trimestre;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

           document.getElementById("metas").style.display='none'
           document.getElementById("panelBusquedas").style.display='none';

           document.getElementById("metasFisicas").style.display=''
          /// document.getElementById("editarTrimestres").style.display=''
         //document.getElementById("editarTrimestres").style.display=''

   }
function edit(tri1,tri2,tri3,tri1c,tri2c,tri3c,observacion,codMetaFisi,codActAper,codEtiqueta){

        var tri=document.getElementById("trimestre").value;

        var obj1=document.getElementById("texto1");
        var obj2=document.getElementById("texto2");
        var obj3=document.getElementById("texto3");
        var obj1c=document.getElementById("texto1c");
        var obj2c=document.getElementById("texto2c");
        var obj3c=document.getElementById("texto3c");

        if(tri==1){
            obj1.innerHTML='Enero'
            obj2.innerHTML='Febrero'
            obj3.innerHTML='Marzo'

            obj1c.innerHTML='Enero'
            obj2c.innerHTML='Febrero'
            obj3c.innerHTML='Marzo'
        }

        if(tri==2){
            obj1.innerHTML='Abril'
            obj2.innerHTML='Mayo'
            obj3.innerHTML='Junio'

            obj1c.innerHTML='Abril'
            obj2c.innerHTML='Mayo'
            obj3c.innerHTML='Junio'
        }

        if(tri==3){
            obj1.innerHTML='Julio'
            obj2.innerHTML='Agosto'
            obj3.innerHTML='Setiembre'

            obj1c.innerHTML='Julio'
            obj2c.innerHTML='Agosto'
            obj3c.innerHTML='Setiembre'
        }

       if(tri==4){
            obj1.innerHTML='Octubre'
            obj2.innerHTML='Noviembre'
            obj3.innerHTML='Diciembre'

            obj1c.innerHTML='Octubre'
            obj2c.innerHTML='Noviembre'
            obj3c.innerHTML='Diciembre'
        }




       document.getElementById("tri1").value=tri1;
       document.getElementById("tri2").value=tri2;
       document.getElementById("tri3").value=tri3;

       document.getElementById("tri1c").value=tri1c;
       document.getElementById("tri2c").value=tri2c;
       document.getElementById("tri3c").value=tri3c;

       document.getElementById("observacionTri").value=observacion;
       document.getElementById("codMetaFisi").value=codMetaFisi;
       document.getElementById("codMetaAper").value=codActAper;

       //document.getElementById("editarTrimestres").style.display="";
        document.getElementById("editarTrimestres").style.display=''
      // document.getElementById("fecActualizar").style.display="";

           //Ini etiquetas
       document.getElementById("codEtiqueta").value=codEtiqueta;
       //Fin etiquetas


    }
function grabar(){

       var tri1c=document.getElementById("tri1c").value;
       var tri2c=document.getElementById("tri2c").value;
       var tri3c=document.getElementById("tri3c").value;


       var observacionTri=document.getElementById("observacionTri").value;
       var codMetaFisi=document.getElementById("codMetaFisi").value;
       var codMetaAper=document.getElementById("codMetaAper").value;

       //Ini etiquetas
        var codEtiqueta=document.getElementById("codEtiqueta").value;
       //Fin etiquetas


       var trimestre=document.getElementById("trimestre").value;

                var idDiv = "metasFianancieras";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarMetasFinancierasAjax.jsp?codActividadBuscar="+codMetaAper+"&flagCapa="+3+"&trimestre="+trimestre+"&observacionTri="+observacionTri+"&tri1c="+tri1c+"&tri2c="+tri2c+"&tri3c="+tri3c+"&tipoOper="+1+"&codMetaFisi="+codMetaFisi+"&codEtiqueta="+codEtiqueta;

                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                document.getElementById("editarTrimestres").style.display='none';

    }


    function editard(tri1,tri2,tri3,tri1c,tri2c,tri3c,observacionTri,codMetaFisi,codMetaAper,codEtiqueta){

       
       var trimestre=document.getElementById("trimestre").value;

                var idDiv = "metasFianancieras";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarMetasFinancierasAjax.jsp?codActividadBuscar="+codMetaAper+"&flagCapa="+3+"&trimestre="+trimestre+"&observacionTri="+observacionTri+"&tri1c="+tri1c+"&tri2c="+tri2c+"&tri3c="+tri3c+"&tipoOper="+5+"&codMetaFisi="+codMetaFisi+"&codEtiqueta="+codEtiqueta;

                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                document.getElementById("editarTrimestres").style.display='none';

    }





    function contar(texto,e){

        document.getElementById("contador").value=document.getElementById("observacionTri").value.length;

        if (texto.length > 99 ) {
            if (navigator.appName == "Netscape") tecla = e.which
            else tecla = e.keyCode
            if (tecla != 8) return false
        }
       return true

    }
   function retornarBusquedaMetas(){
       
       document.getElementById("panelBusquedas").style.display='';

       document.getElementById("editarTrimestres").style.display='none';
       document.getElementById("metasFianancieras").style.display='none';

   }





   function grabarEtiqueta(){
    var nombEtiqueta=document.getElementById("nombreEtiqueta").value;
    var codEtiqueta=document.getElementById("codEtiqueta").value;
    var tipoOper=document.getElementById("valRadio").value

    if(validarMantEtiqueta()==false)return;


    var idDiv = "cboEtiqueta";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/listarMetasFinancierasAjax.jsp?flagCapa="+4+"&tipoOper="+tipoOper+"&nombEtiqueta="+nombEtiqueta+"&codEtiqueta="+codEtiqueta;

                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                document.getElementById("mantEtiqueta").style.display='none';


   }
   function setValueRadio(obj){
       document.getElementById("valRadio").value=obj.value;
   }

   function mostrarMantEtiqueta(){
       document.getElementById("mantEtiqueta").style.display='';
   }
   function validarMantEtiqueta(){

       var flagOperEtiqueta=document.getElementById("valRadio").value;
       if(flagOperEtiqueta==""){
           alert("Seleccione opcion Agreagr, Actualizar o Eliminar para continuar");
           return false;
       }
       if(flagOperEtiqueta=="2"){

           if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
           }

       }
       if(flagOperEtiqueta=="3"){
           if(document.getElementById("codEtiqueta").value=="0"){
               alert("Seleccione etiqueta a modificar");
               document.getElementById("codEtiqueta").focus();
               return false;
           }

           if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
           }

       }

       if(flagOperEtiqueta=="4"){
           if(document.getElementById("codEtiqueta").value=="0"){
               alert("Seleccione etiqueta a eliminar");
               document.getElementById("codEtiqueta").focus();
               return false;
           }
       }
   }

   function cancelGrabarEtiqueta(){

       document.getElementById("mantEtiqueta").style.display='none';
   }




</script>
<html>


    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body>
     <html:form action="avancesPorActividad.do?dispatch=load" styleId="AvancePorActividadForm">

              <!-- <table id="IdentificacionPrograma" style="display: none" align="center">   -->
              <h1 align="center">Monitoreo Meta Presupuesto</h1>

              <input type="hidden" id="codMetaFisi">
              <input type="hidden" id="codMetaAper">
              <input type="hidden" id="valRadio" value="">


              
               <html:hidden property="codActividad" styleId="codActividadHidden" />
               <html:hidden property="descOge" styleId="descOgeHidden" />
               <html:hidden property="descOee" styleId="descOeeHidden" />
               <html:hidden property="descActividad" styleId="descActividadHidden" />

              <input type="hidden" id="almacenaContador" value="0">
      <div id="panelBusquedas">
              <table  width="30%" align="center" >
                  <tr>
                      <td width="50%" align="right">
                          Objetivo General
                      </td>
                      <td width="50%">
                          <html:textarea property="descOge" rows="5" cols="60" disabled="true"/>
                      </td>
                      
                          <td width="50%" align="right">
                              OEE
                          </td>
                          <td width="50%">


                                <html:textarea property="descOee" rows="5" cols="60" disabled="true"/>
                          </td>
                         <td align="right">
                              Actividades

                          </td>
                           <td >


                                    <html:textarea property="descActividad" rows="5" cols="50" disabled="true"/>
                           </td>
                  </tr>

              </table>
             </div>
              <table>
                  <tr>
                          <td align="right">

                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          </td>
                           <td >


                               <select  name='trimestre' id='trimestre'  >");
                                    <option value='1'>Trimestre 1</option>
                                    <option value='2'>Trimestre 2</option>");
                                    <option value='3'>Trimestre 3</option>");
                                    <option value='4'>Trimestre 4</option>");
                                </select>

                           </td>

                  </tr>

                  <tr>
                      <td colspan="2">
                          <input type="button" value="Buscar" onclick="buscarMetasFinancieras()"/>
                          <input type='button' id='fechaTerminoEjec' value='Retornar' onclick='javascript:windows:history.back()' />
                      </td>
                  </tr>
              </table>
     <br>  <br>
              <!-- Ini Grilla  -->
             
              <br>
              <div id="metasFianancieras" style="display:none">

              </div>
  <br>  <br>
        <div id="editarTrimestres" style="display:none">


       <table class="userTable" >

           <tr >
               <th class="textoTR" colspan="3" align="center">
                    Trimestre Programado
                </th>

                <th class="textoTR" colspan="3" align="center">
                    Trimestre Ejecutado
                </th>


            </tr>
            <tr >
                <th class="textoTR"  >
                    <div id="texto1"></div>
                </th>

                <th class="textoTR" >
                    <div id="texto2"></div>
                </th>

                <th class="textoTR"  >
                    <div id="texto3"></div>
                </th>

                <th class="textoTR"  >
                    <div id="texto1c"></div>
                </th>

                <th class="textoTR"  >
                    <div id="texto2c"></div>
                </th>

                <th class="textoTR"  >
                    <div id="texto3c"></div>
                </th>
            </tr>
            <tr>
                <td >
                    <input type="text" id="tri1" disabled="true" />
                </td>
                <td >
                     <input type="text" id="tri2" disabled="true" />
                </td>
                <td >
                    <input type="text" id="tri3" disabled="true" />
                </td>
                <td >
                    <input type="text" id="tri1c" />
                </td>
                <td >
                     <input type="text" id="tri2c"  />
                </td>
                <td >
                    <input type="text" id="tri3c" />
                </td>

            </tr>
            <tr>
                        <td  colspan="5">
                            Observaciones:<br>
                            <textarea id="observacionTri" rows="10" cols="100" onkeyPress="return contar(this.value,event)"></textarea>
                            <input type="text" size="2" id="contador"  />
                        </td>

              <td  colspan="1" valign="top">
                            Etiqueta:<br>
                            <div id="cboEtiqueta">
                               <html:select  property="codEtiqueta" styleId="codEtiqueta">
                                        <html:option value="0">Seleccionar Etiqueta</html:option>
                                        <html:optionsCollection name="AvancePorActividadForm" property="listEtiquetas" value="codEtiqueta" label="descEtiqueta" />
                               </html:select>
                           </div>
                            <br>
                                Mant. Etiqueta
                                <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/b_edit.png" onclick="mostrarMantEtiqueta(this);">
                            <br>
                            <br>
                <div id="mantEtiqueta" style="display:none">
                         <table>
                                <tr>
                                    <td colspan="2" align="center">Ingrese Nombre de etiqueta
                                        <input type="text" id="nombreEtiqueta">
                                    </td>

                                </tr>
                                <tr>
                                     <td>
                                        Agregar <input type="radio" name="operacion" id="insertar" value="2" onclick="setValueRadio(this);">
                                        Actualizar <input type="radio" name="operacion" id="actualizar" value="3" onclick="setValueRadio(this);">
                                        Eliminar <input type="radio" name="operacion" id="eliminar" value="4" onclick="setValueRadio(this);">
                                    </td>
                                    <td  align="right">
                                        <input type="button" value="Cancelar" onclick="cancelGrabarEtiqueta()">
                                        <input type="button" value="Grabar" onclick="grabarEtiqueta()">
                                    </td>
                                </tr>
                            </table>
               </div>
                        </td>

            </tr>





            <tr>
                <td  colspan="6" align="right">
                    <!--<input type="button" id="fechaTerminoEjec" value="Retornar" onclick="retornarBusquedaMetas()" />-->
                    <input type='button' id='fechaTerminoEjec' value='Retornar' onclick='javascript:windows:history.back()' />
                    <input type="button" id="fechaTerminoEjec" value="Grabar" onclick="grabar()" />

                </td>
            </tr>

        </table>


              </div>
              <!-- Fin Grilla -->

      </html:form>



    </body>
</html>
